<script lang="ts" setup>
import { ref } from 'vue';
const importText = ref<string>();
const importInterval = ref<number>(3);
const contextType = ref<number>(1);
</script>

<template>
  <div class="home-container import-speak-container pl8 pt8 pr8 pb8">
    <div class="flex-ali pr8 pb8 pl8">
      <span class="flex-auto"></span>
      <el-button size="small" type="primary">导入内容</el-button>
    </div>
    <el-input v-model="importText" :rows="16" type="textarea" placeholder="请输入内容或点击右上角导入内容" />
    <div class="flex-ali mt8">
      <span class="font12">内容模式：</span>
      <el-radio-group v-model="contextType">
        <el-radio :label="1">顺序循环</el-radio>
        <el-radio :label="2">随机循环</el-radio>
      </el-radio-group>
    </div>
    <div class="flex-ali mt8">
      <span class="font12">间隔：</span>
      <el-input-number class="flex-auto" v-model="importInterval" :min="3" size="small" controls-position="right" />
      <span class="font12 ml8 mr8">秒</span>
      <el-button size="small" type="primary">开始发言</el-button>
    </div>
  </div>
</template>

<style lang="scss" scoped>
</style>